<template>
  <el-dialog
    title="详细"
    v-model="dialogFormVisible"
    style="position: relative; background-color: #f1f1f1"
    draggable
    width="60%"
  >
    <el-table :data="[]" border stripe height="55vh">
      <el-table-column type="selection" width="55" />
      <el-table-column
        label="采购"
        prop="meta_description"
        show-overflow-tooltip
      />
      <el-table-column
        label="入库数"
        prop="meta_description"
        show-overflow-tooltip
      />
      <el-table-column
        label="出库数"
        prop="meta_description"
        show-overflow-tooltip
      />
    </el-table>
    <template #footer>
      <span>
        <el-button @click="close">取消</el-button>
        <el-button type="primary" @click="">确认</el-button>
      </span>
    </template>
  </el-dialog>
</template>
<script setup>
import { ref } from "vue";

const dialogFormVisible = ref(false);
const show = () => {
  dialogFormVisible.value = true;
};
const close = () => {
  dialogFormVisible.value = false;
};
defineExpose({
  show,
});
</script>
<style lang="less" scoped></style>
